<template>
    <article class="page">
        <div class="page-content">
            <template v-if="userBankcardStatus">
                <!--已认证-->
                <div class="items" v-if="cardInfo">
                    <item>
                        银行名称
                        <span class="item-note">{{cardInfo.bankName}}</span>
                    </item>
                    <item>
                        银行卡号
                        <span class="item-note">{{cardInfo.bankCard}}</span>
                    </item>
                    <item>
                        开户省市
                        <span class="item-note">{{cardInfo.provinceName}} {{cardInfo.cityName}}</span>
                    </item>
                    <item>
                        预留手机号
                        <span class="item-note">{{cardInfo.bankMobile}}</span>
                    </item>
                </div>
                <div class="hint">提示：请确保您的银行卡已开通网银服务，否则将无法交易！</div>
                <div class="submit">
                    <md-button class="md-button button button-royal button-block">已审核</md-button>
                </div>
            </template>
            <template v-else>
                <!--未认证过-->
                <div class="items">
                    <b-picker label="银行名称" v-if="bankList" :list="bankList" @input="selectBank" ref="bankPicker"></b-picker>
                    <b-linput label="银行卡号" placeholder="请填写卡号" v-model="bankCard" ref="bankCard">
                    </b-linput>
                    <b-picker label="开户省市" :list="cityList" :level="2" :isRelated="true" @input="selectPlace" ref="cityPicker"></b-picker>
                    <b-linput label="预留手机号" placeholder="请填写手机号" v-model="bankMobile" ref="bankMobile">
                    </b-linput>
                </div>
                <div class="hint">提示：请确保您的银行卡已开通网银服务，否则将无法交易！</div>
                <div class="submit">
                    <md-button class="md-button button button-balanced button-block" @click.native="submit">提交</md-button>
                </div>
            </template>
    
            <lo-sign-form ref="signForm"></lo-sign-form>
        </div>
    </article>
</template>
<script src="./Bankcard.js"></script>
<style lang="scss" scoped src="./Bankcard.scss"></style>